<html>
<head>
	
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
	
	<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
	<script type="text/javascript" src="../extjs/ext-all.js"></script>

</head>

<body></body>

	<script type="text/javascript">

	Ext.define('Contato',{
		extend: 'Ext.data.Model',

		fields: [
			{name: 'ID', type: 'int'},
			{name: 'nome', type: 'string'},
			{name: 'email', type: 'string'}
		],

		idProperty: 'ID' //caso id não seja "id"
	});

	Ext.define('ContatosStore',{
		extend: 'Ext.data.Store',
		model: 'Contato',
		proxy: {
			type: 'ajax',
			url: 'php/listaContatosXml.php',
			
			reader: {
				type: 'xml', //json ou xml
				root: 'contatos',
				record: 'contato'
			}
		},
		autoLoad: true
	})
	
	Ext.onReady(function(){


		var store = Ext.create('ContatosStore');

		console.log(store);
		
    });
	</script>

</html>